<style type="text/css">
  .hr_3 {
    border: 1px dashed #E5EAEE;
    float: left;
    top: 50px;
    width: 100%;
  }
  .ci {
    color: #E6B92B;
    font-size: 40px;
  }
  .mapInfo {
    width:70%;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
  }
  .item.activated{
    background-color: #fff;
  }
  .ion-checkmark:before{
    vertical-align:middle;
  }
  .ion-checkmark {
    color: deepskyblue;
  }
</style>
<ion-view>
<ion-header-bar align-title="center" class="bar bar-header bar-light" style='background: url(img/icon/headerline.png); background-size: contain; background-position: bottom; background-repeat: no-repeat;'>
    <a class="button icon-left ion-ios-arrow-left button-clear button-light" ng-click="backGo()"></a>
    <h1 class="title">{{title}}</h1>
    <div ng-if="adjust" style="position:absolute;float: right;right: 1%;top: 10%"><button class="button button-light" ng-click="reFixed()">确定</button></div>
</ion-header-bar>
  <ion-content style="background-color: #F6F6F6" overflow-scroll="false">
    <!--<input type="text" style="margin-left: 16px;" ng-model="leave.timeCal" ng-change="change()" placeholder="请输入请假时间"/>-->
    <!--签到界面-->
    <ion-item ng-show="!adjust" style="height: 100%; margin-top: 1%;margin-bottom: 1.5%;border-color: #fff">
      <div id="signIn" >
        <!--<p>{{point.lat}}==={{point.lng}}</p>-->
        <div style="font-weight: bold">欢迎您,{{user.name}}</div>
        <!--<div style="color: #8B939E">今日您已完成签到<b class="ci">{{signNum}}</b>次</div>-->
        <hr class="hr_3">
        <br/>
        <div><i class="ion-clock" style="color: green;"></i>当前时间：{{currentDate | date:"yyyy-MM-dd HH:mm:ss"}}</div>

        <div  class="row show-grid" style="width: 106%;margin-left: -3%;">
          <div id="bdmapMini" style="width:100%;height:200px;position: relative;"></div>
        </div>

        <div class="col-md-8">
          <p style="margin-top: 5px;" class="mapInfo">{{fixedPos.title}}</p>
          <p class="mapInfo">{{fixedPos.address}}</p>
          <p style="float: right;margin-top:-50px;"><button class="button button-light" ng-click="adjustPos()"style="height: 33px">位置微调</button></p>
          <!--<p style="float: left;margin-top:-50px;margin-right: 1%;"><button class="button button-light" ng-click="sendMessage('1','29','这是测试通知','2016/1/19')"style="height: 33px">发送消息</button></p>-->
          <!--<br/>
          用户编号：{{to1.to2}}
          <input type="text" ng-model="to1.to2"/>-->

        </div>
      </div>
    </ion-item>

    <!--<div ng-show="!adjust" style="text-align: center;margin-top: 5%">
      <div style="height: 150px;width: 150px;position: absolute;right: 30%;border-radius: 100%;background-size: contain; background-position: bottom; background-repeat: no-repeat;" href="#/signIn" ng-click="signIn()"pos="p1" on-touch="onTouch($event)" on-release="onRelease()"
           ng-style="{'background-image': pos == 'p1' ? 'url(img/icon/sign_active.png)':'url(img/icon/sign.png)'}">
      </div>
    </div>-->

    <div ng-show="!adjust" style="text-align: center;margin-top: 5%">
      <div style="height: 150px;width: 150px;margin-left: auto;margin-right: auto;border-radius: 100%;background-size: contain; background-position: bottom; background-repeat: no-repeat;" href="#/signIn" ng-click="signIn()"pos="p1" on-touch="onTouch($event)" on-release="onRelease()"
           ng-style="{'background-image': pos == 'p1' ? 'url(img/icon/sign_active.png)':'url(img/icon/sign.png)'}">
      </div>
    </div>

    <!--调整界面-->
    <div id="pois" ng-show="adjust">
        <div id="bdmap" style="width: 100%;height: 300px;">地图占位</div>

      <!--<ion-scroll style="width: 500px; height: 500px">-->
        <ion-list >
          <ion-item ng-repeat="position in positions" ng-click="showPoint(position,$index)">
            <label class="item item-radio" style="border-width:0px;">
              <input type="radio" name="group"  checked="checked" ng-if="$index == index">
              <i class="radio-icon ion-checkmark"></i>
              <div class="item-content">
                <p>{{position.title}}</p>
                <p>{{position.address}}</p>
              </div>

            </label>
          </ion-item>
        </ion-list>
      <!--</ion-scroll>-->
    </div>

  </ion-content>
</ion-view>
